@primary-color: #1677ff;
@success-color: #52c41a;
@warning-color: #faad14;
@error-color: #ff4d4f;
@info-color: #1890ff;

@secondary-color: #6c757d;
@accent-color: #e91e63;
@purple-color: #9c27b0;
@orange-color: #ff9800;
@teal-color: #009688;
@cyan-color: #00bcd4;
@pink-color: #e91e63;
@indigo-color: #3f51b5;
@lime-color: #cddc39;
@amber-color: #ffc107;
@deep-orange-color: #ff5722;
@light-blue-color: #03a9f4;
@light-green-color: #8bc34a;
@brown-color: #795548;
@blue-grey-color: #607d8b;

@white-color: #ffffff;
@black-color: #000000;
@gray-50: #f9fafb;
@gray-100: #f3f4f6;
@gray-200: #e5e7eb;
@gray-300: #d1d5db;
@gray-400: #9ca3af;
@gray-500: #6b7280;
@gray-600: #4b5563;
@gray-700: #374151;
@gray-800: #1f2937;
@gray-900: #111827;

@font-size-base: 16px;
@border-radius-base: 4px;

:root {
  --primary-color: @primary-color;
  --success-color: @success-color;
  --warning-color: @warning-color;
  --error-color: @error-color;
  --info-color: @info-color;
  
  --secondary-color: @secondary-color;
  --accent-color: @accent-color;
  --purple-color: @purple-color;
  --orange-color: @orange-color;
  --teal-color: @teal-color;
  --cyan-color: @cyan-color;
  --pink-color: @pink-color;
  --indigo-color: @indigo-color;
  --lime-color: @lime-color;
  --amber-color: @amber-color;
  --deep-orange-color: @deep-orange-color;
  --light-blue-color: @light-blue-color;
  --light-green-color: @light-green-color;
  --brown-color: @brown-color;
  --blue-grey-color: @blue-grey-color;
  
  --white-color: @white-color;
  --black-color: @black-color;
  --gray-50: @gray-50;
  --gray-100: @gray-100;
  --gray-200: @gray-200;
  --gray-300: @gray-300;
  --gray-400: @gray-400;
  --gray-500: @gray-500;
  --gray-600: @gray-600;
  --gray-700: @gray-700;
  --gray-800: @gray-800;
  --gray-900: @gray-900;
  
  --font-size-base: @font-size-base;
  --border-radius-base: @border-radius-base;
} 